<template>
  <div class="tableData">
    <div class="TableDataQuality">
      <el-table
        :data="qualitys"
        :header-cell-style="tableHeaderColor"
        :cell-style="rowClass"
        max-height="285"
      >
        <el-table-column property="xAxis" label="所属层名" width="120">
        </el-table-column>

        <el-table-column property="quality" label="稽核质量"> </el-table-column>
      </el-table>
      <!-- <div class="block">
        <el-pagination
          layout="total,prev, pager, next"
          @current-change="handleCurrentChange"
          :page-size="TableDataDetails.pageSize"
          :total="TableDataDetails.total"
        >
        </el-pagination>
      </div> -->
    </div>
  </div>
</template>

<script>
export default {
  name: "TableData",
  props: {
    qualitys: {
      type: Array,
      default: () => [
        { quality: 90, xAxis: "test" },
        { quality: 80, xAxis: "资源" },
        { quality: 70, xAxis: "模型一" },
        { quality: 60, xAxis: "物理模型" },
      ],
    },
  },
  data() {
    return {
      pageSize: 5,
    };
  },
  methods: {
    //设置表头行的样式
    tableHeaderColor() {
      return "background-color:transparent;color:#1682e6;text-align:center";
    },
    rowClass() {
      //表格数据居中显示
      return "text-align:center";
    },
    // handleCurrentChange(val) {
    //   this.$emit("current3", val);
    // },
  },
};
</script>

<style  lang="scss" scoped>
.tableData {
  font-size: 1rem !important;
  // width: 200px;
  align-self: flex-start;
  margin-top: 0.1rem;
  // padding: 10px 10px 0px;
  .TableDataQuality {
    height: 100%;
  }
}

// .block {
//   width: 100%;
//   display: flex;
//   position: absolute;
//   bottom: 0;
//   justify-content: center;
//   margin: 8px auto;
// }
</style>